<%--
  Created by IntelliJ IDEA.
  User: 黄同学
  Date: 2020/11/16
  Time: 0:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" pageEncoding="UTF-8" import="java.util.*" %>
<%@include file="../common/IncludeTop.jsp"%>
<div id="Catalog">

    <form action="registerSuccessful" method="post" name="userInfo" id="userInfo">

        <h3>User Information</h3>

        <table>
            <tr>
                <td>User ID:</td>
                <td>
                    <input type="text" name="username" id="username" onblur="usernameIsExist();"/>
                    <div id="usernameInfo"></div>
                </td>
            </tr>
            <tr>
                <td>New password:</td>
                <td><input type="password" name="password" /></td>
            </tr>
            <tr>
                <td>Repeat password:</td>
                <td><input type="password" name="repeatedPassword"/></td>
            </tr>
            <tr>
                <td>验证码：</td>
                <td><input type="text" name="valistr" /></td>
            </tr>
            <tr>
                <td></td>
                <td><img id= "valiImage" src= "code" width="" height="" alt="" /></td>
            </tr>
        </table>
        <h3>Account Information</h3>

        <table>
            <tbody>
            <tr>
                <td>First name:</td>
                <td><input name="firstName" type="text"></td>
            </tr>
            <tr>
                <td>Last name:</td>
                <td><input name="lastName" type="text"></td>
            </tr>
            <tr>
                <td>Email:</td>
                <td><input name="email" type="text" size="40"></td>
            </tr>
            <tr>
                <td>Phone:</td>
                <td><input name="phone" type="text"></td>
            </tr>
            <tr>
                <td>Address 1:</td>
                <td><input name="address1" type="text" size="40"></td>
            </tr>
            <tr>
                <td>Address 2:</td>
                <td><input name="address2" type="text" size="40"></td>
            </tr>
            <tr>
                <td>City:</td>
                <td><input name="city" type="text"></td>
            </tr>
            <tr>
                <td>State:</td>
                <td><input name="state" type="text"
                           size="4"></td>
            </tr>
            <tr>
                <td>Zip:</td>
                <td><input name="zip" type="text"
                           size="10"></td>
            </tr>
            <tr>
                <td>Country:</td>
                <td><input name="country" type="text"
                           size="15"></td>
            </tr>
            </tbody>
        </table>

        <h3>Profile Information</h3>

        <table>
            <tbody>
            <tr>
                <td>Language Preference:</td>
                <td><select name="languagePreference">
                    <option selected="selected" value="English">English</option>
                    <option value="Chinese">Chinese</option>
                </select></td>
            </tr>
            <tr>
                <td>Favourite Category:</td>
                <td><select name="favouriteCategoryId">
                    <option value="FISH">FISH</option>
                    <option selected="selected" value="DOGS">DOGS</option>
                    <option value="REPTILES">REPTILES</option>
                    <option value="CATS">CATS</option>
                    <option value="BIRDS">BIRDS</option>
                </select></td>
            </tr>
            <tr>
                <td>Enable MyList</td>
                <td><input name="listOption" value="true"
                           type="checkbox" checked="checked"></td>
            </tr>
            <tr>
                <td>Enable MyBanner</td>
                <td><input name="bannerOption" value="true"
                           type="checkbox" checked="checked"></td>
            </tr>

            </tbody>
        </table>
        <input type="submit" name="newAccount" value="Save Account Information"/>
    </form>
    <a href="../order/ListOrders.html">My Orders</a>
</div>


<%@include file="../common/IncludeBottom.jsp"%>
